<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/index.css" />
</head>

<body>
<!-- 如果父级元素没有边框或内边距，那么子元素的外边距会作用到父元素身上 -->

<!-- 顶部广告 -->
<div id="topad">
	<a href=""></a>
	<div class="close"></div>
	<ul class="tab">
		<li class="index"></li>
		<li></li>
		<li></li>
	</ul>
</div>
<!-- 顶部广告结束 -->

<!-- 顶部信息区域 -->
<div id="info">
	<div class="center">
		<!-- 左侧 -->
		<div class="left">
			<span class="city">北京</span>
			<a href="" class="change">[切换城市]</a>
		</div>
		<!-- 左侧结束 -->
		<!-- 右侧 -->
		<div class="right">
			<a href="" class="order">我的订单</a>
			<a href="" class="nm">我的糯米</a>
			<a href="" class="login_reg">登录</a>
			<a href="" class="login_reg">注册</a>
		</div>
		<!-- 右侧结束 -->
	</div>
</div>
<!-- 顶部信息区域结束 -->



<!-- 搜索区域 -->
<div id="search_out">
	<div id="search">
		<a href="" class="logo"></a>
		<form action="">
			<input type="text" class="keyword" value="日本料理" />
			<input type="submit" class="sub" value="搜索" />
		</form>

		<p class="tags">
			<a href="">蛋糕</a>
			<a href="">火锅</a>
			<a href="">虾吃虾涮</a>
			<a href="">审美造型</a>
			<a href="">阿田大虾</a>
		</p>

		<a href="" class="back"></a>
	</div>
</div>

<!-- 搜索区域结束 -->


<!-- 导航区域 -->
<div id="menu">
	<div class="center">
		<!-- 左侧竖导航 -->
		<div class="left">
			<div class="triangle"></div>
			<p class="title">全部团购分类</p>
			<ul class="list">
				<li>
					<div class="ico"></div>
					<a href="" class="title">美食</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico moive"></div>
					<a href="" class="title">电影</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico happy"></div>
					<a href="" class="title">休闲娱乐</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico shopping"></div>
					<a href="" class="title">网购</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico"></div>
					<a href="" class="title">美食</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico"></div>
					<a href="" class="title">美食</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico"></div>
					<a href="" class="title">美食</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
				<li>
					<div class="ico"></div>
					<a href="" class="title">美食</a>
					<p class="tags">
						<a href="">精选品牌</a>
						<a href="">自助餐</a>
						<a href="">甜点饮品</a>
					</p>
				</li>
			</ul>
		</div>
		<!-- 左侧竖导航结束 -->

		<div class="nav">
			<a href="" class="index">首页</a>
			<a href="">精选品牌</a>
			<a href="">电影</a>
			<a href="">酒店</a>
			<a href="">今日新单</a>
			<a href="">外卖</a>
			<a href="">购物</a>
		</div>
	</div>
</div>
<!-- 导航区域结束 -->


<!-- 大区域 -->
<div id="main">
	<ul class="hot">
		<li>
			<span class="title">热门团购：</span>
			<a href="">电影</a>
			<a href="" class="cur">自助餐</a>
			<a href="">KTV</a>
			<a href="">火锅</a>
			<a href="">蛋糕</a>
			<a href="" class="cur">酒店</a>
			<a href="">小吃快餐</a>
			<a href="">西餐</a>
			<a href="" class="cur">川菜</a>
			<a href="">家居家纺</a>
			<a href="" class="cur">烧烤</a>
			<a href="">韩国料理</a>
		</li>
		<li>
			<span class="title">热门团购：</span>
			<a href="">电影</a>
			<a href="">自助餐</a>
			<a href="">KTV</a>
			<a href="">火锅</a>
			<a href="">蛋糕</a>
			<a href="">酒店</a>
			<a href="">小吃快餐</a>
			<a href="">西餐</a>
			<a href="">川菜</a>
			<a href="">家居家纺</a>
			<a href="">烧烤</a>
			<a href="">韩国料理</a>
		</li>
		<li>
			<span class="title">热门团购：</span>
			<a href="">电影</a>
			<a href="">自助餐</a>
			<a href="">KTV</a>
			<a href="">火锅</a>
			<a href="">蛋糕</a>
			<a href="">酒店</a>
			<a href="">小吃快餐</a>
			<a href="">西餐</a>
			<a href="">川菜</a>
			<a href="">家居家纺</a>
			<a href="">烧烤</a>
			<a href="">韩国料理</a>
		</li>
	</ul>

	<div class="thisweek">
		本周精选
		<div class="star"></div>
		<ul class="tab">
			<li class="cur"></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
	

	<div class="list">
		<div class="content">
			<div class="goods"></div>
			<div class="goods"></div>
		</div>
	</div>
	
</div>
<!-- 大区域结束 -->




</body>
</html>
